<!doctype html>
<html lang="en">	
	<head>
		<meta charset="UTF-8">
		<meta name="Generator" content="EditPlus®">
		<meta name="Author" content="">
		<meta name="Keywords" content="">
		<meta name="Description" content="">
		<title>背景的裁剪方式</title>
		<style>
			*{margin:0;padding:0;}
			a{text-decoration:none;}
			ul,li{list-style:none;}
			body{font-size:12px;font-family:"微软雅黑";}
			.box{
				width:200px;
				height:200px;
				border:1px solid red;
				background:radial-gradient(ellipse,yellow,red);
			}
			.box2{
				width:400px;
				height:400px;
				border:10px dashed red;
				margin:100px auto;
				padding:30px;
				background:url("../images/07.jpg") center/cover no-repeat padding-box;
			}



		</style>
	</head>
	<body>
		
		<div class="box"></div>
		<div class="box2">asdfsadf</div>
		
		
	</body>
</html>
